<!DOCTYPE HTML>

<html lang="pt-br" 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	
<ui:composition template="/view/Principal.xhtml">
<ui:define name="corpo">

<style type="text/css">
.form-signin {
	max-width: 1024px;
	padding: 5px 5px 5px;
	margin: 0 auto 10px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.expansao {
	background-color: #4682B4;
	color: #FFFFFF;
	font-size: 10px;
	font-style: italic;
}
</style>
	<div class="container">
	
		<h:form id="form" styleClass="form-signin">
			<p:growl id="growl" 
					showDetail="true" 
					sticky="true" 
					autoUpdate="true"/>
					
			<p:poll interval="#{parametroLogado.atualizacaoTela}" 
					update="panelGrid" 
					listener="#{vendaManagerBean.carregarDadosTela}" 
					process="@all"/>
					
			<h4 class="form-signin-heading" id="cabecalho">Transportadoras - Gerenciamento de Volumes</h4>
			<p:panel header="Filtros" id="pnlFiltros">
				
				<p:panelGrid columns="3" style="vertical-align:middle;">
				
				<p:calendar id="clnDataMovimento" 
							value="#{vendaManagerBean.setData}"
							locale="pt"
							required="true"
							disabled="#{parametroLogado.alteraDataPadrao eq 1 ? false : true}"
							requiredMessage="Por favor informe a data abertura."
							validatorMessage="Data em formato inválido."
							pattern="dd/MM/yyyy"/>
				
				<p:selectOneMenu id="slcTipoConsulta" 
								value="#{vendaManagerBean.vendaBean.tipoConsulta}" >
					<f:selectItem itemLabel="Ainda não Impressos" itemValue="N"/>
					<f:selectItem itemLabel="Já Impressos" itemValue="S"/>
					<f:selectItem itemLabel="Todos" itemValue="T"/>
				</p:selectOneMenu>
				
				<p:commandButton id="btnAtualizar" 
								value="Atualizar Dados da Tela" 
								actionListener="#{vendaManagerBean.carregarDadosTela}" 
								update="panelGrid"
								process="@all"
								styleClass="ui-priority-primary"/>
								
				</p:panelGrid>
							
			</p:panel>
			
			<p:panel id="panelGrid">
			<p:accordionPanel>
				<p:tab title="Informações">
				
				<p:dataTable id="masterVendas"
							var="volumePorTransportadora"
							value="#{vendaManagerBean.listaVolumesPorTransportadora}"
							paginator="true"
							emptyMessage="Sem dados para exibição"
							rows="#{parametroLogado.quantidadeLinhaTabela}"
							style="font-size:11px;">
							
				<p:column id="colunaExpandir" 
						style="width:5%; text-align:center;">  
            		<p:rowToggler />  
        		</p:column>
							
				<p:column id="colunaCodigoTransportadora" 
						headerText="Id. Trans." 
						style="width:10%; text-align:center;">
					<h:outputText value="#{volumePorTransportadora.transportadorBean.id}"/>
				</p:column>
				
				<p:column id="colunaRazaTransportadora"
						style="width:55%; text-align:left;" 
						filterBy="transportadorBean.razao" 
					   	filterOptions="#{vendaManagerBean.selecaoTransportador}"
					   	filterPosition="top"
					   	filterStyleClass="filtro"
					   	filterMatchMode="exact">
					<h:outputText value="#{volumePorTransportadora.transportadorBean.razao}"/> 
				</p:column>
				
				<p:column id="colunaQuantidadeVolume" 
						headerText="Qtd. Vol."
						style="width:10%; text-align:center;">
					<h:outputText value="#{volumePorTransportadora.quantidadeVolume}"/>
				</p:column>
				
				<p:column id="colunaValorFrete" 
						headerText="Valor Frete"
						style="width:10%; text-align:center;">
					<h:outputText value="#{volumePorTransportadora.valorFrete}"/>
				</p:column>
				
				<p:column id="colunaImprimir"
						headerText="Imprimir"
						style="width:10%; text-align:center;">
							<p:commandButton id="btnImprimir"
											icon="ui-icon-print"
											title="Imprimir"
											ajax="false"
											onclick="this.form.target='_blank'"
											actionListener="#{vendaManagerBean.imprimir(volumePorTransportadora)}"/>
				</p:column>  
				
				<p:rowExpansion>
					<p:dataTable id="detailVendas"
								var="clientePorTransportadora"
								value="#{volumePorTransportadora.listaClientePorTrasnportadora}"
								scrollable="true"
								editable="true" 
								editMode="cell"
								rowStyleClass="#{'expansao'}">
								
					<p:column id="colunaClienteRazao" 
							headerText="Cliente"
							style="width:30%; text-align:left; bgcolor:#4682B4">
						<h:outputText value="#{clientePorTransportadora.clienteBean.razao}"/>
					</p:column>
					
					<p:column id="colunaClienteCidade" 
							headerText="Cidade"
							style="width:17%; text-align:left;">
						<h:outputText value="#{clientePorTransportadora.clienteBean.cidadeBean.descricao}"/>
					</p:column>
					
					<p:column id="colunaClienteEstado" 
							headerText="Estado"
							style="width:10%; text-align:left;">
						<h:outputText value="#{clientePorTransportadora.clienteBean.cidadeBean.ufBean.sigla}"/>
					</p:column>
					
					<p:column id="colunaClienteQuantidade" 
							headerText="Qtd. Eptus"
							style="width:10%; text-align:center;">
						<h:outputText value="#{clientePorTransportadora.quantidadeVolume}"/>
					</p:column>
					
					<p:column id="colunaClienteQuantidadeCorreta" 
							headerText="Qtd. Correta"
							style="width:10%; text-align:center;">
						<p:cellEditor>
							<f:facet name="output"><h:outputText value="#{clientePorTransportadora.quantidadeVolumeCorreto}"/></f:facet>
							<f:facet name="input"><h:inputText value="#{clientePorTransportadora.quantidadeVolumeCorreto}" style="width:100%; heigth:100%;" label="Qtd. Correta"/></f:facet>
						</p:cellEditor>							
						
					</p:column>
					
					<p:column id="colunaClienteValorFrete" 
							headerText="Vlr. Frete"
							style="width:10%; text-align:center;">
						<h:outputText value="#{clientePorTransportadora.valorFrete}"/>
					</p:column>
					
					<p:column id="colunaImprimirSelecao"
							style="width:5%; text-align:center;">
						<p:selectBooleanCheckbox value="#{clientePorTransportadora.imprimir}"/>
					</p:column>
													
					</p:dataTable>
				</p:rowExpansion>
				
				</p:dataTable>
					
				</p:tab>
				<p:tab title="Gráficos">
				
					<p:pieChart id="graficoTransportadora"
							value="#{vendaManagerBean.pieChartModel}"
							legendPosition="e"
							style="width:850px;height:300px"
							legendRows="10"
							sliceMargin="5">
					</p:pieChart>
					
				</p:tab>	
			</p:accordionPanel>
			
			</p:panel>
			
				<p:dialog id="dlgPreviewPrint" 
						widgetVar="previewPrint" 
						modal="true" 
						width="850" 
						height="410" 
						resizable="false" 
						header="Visualização de Impressão"
						showEffect="explode"
						hideEffect="explode">
					<iframe width="800" height="1200" id="frameImpressao"></iframe>
				</p:dialog>
		</h:form>
	</div>
</ui:define>
</ui:composition>
</html>